<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<div>
    <button type="button" id="pay">
        buy(${openId})
    </button>
</div>
<%--<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>--%>
<script type="text/javascript" src="https://one.pingxx.com/lib/pingpp_one.js"></script>
<script>
    document.addEventListener('pingpp_one_ready',function(){
        document.getElementById('pay').addEventListener('click',function(){
            pingpp_one.init({
                app_id:'app_1234567890',                     //该应用在 Ping++ 的应用 ID
                order_no:'no1234567890',                     //订单在商户系统中的订单号
                amount:10,                                   //订单价格，单位：人民币 分
                // 壹收款页面上需要展示的渠道，数组，数组顺序即页面展示出的渠道的顺序
                // upmp_wap 渠道在微信内部无法使用，若用户未安装银联手机支付控件，则无法调起支付
                channel:['wx_pub'],
                charge_url:'http://ht.zryk365.com/zryk/pingplus/onePay',  //商户服务端创建订单的 url
                charge_param:{a:1,b:2},                      //(可选，用户自定义参数，若存在自定义参数则壹收款会通过 POST 方法透传给 charge_url)
                open_id:'wx1234567890',                      //(可选，使用微信公众号支付时必须传入)
                debug:true                                   //(可选，debug 模式下会将 charge_url 的返回结果透传回来)
            },function(res){
                console.log(res);
                //debug 模式下获取 charge_url 的返回结果
                if(res.debug&&res.chargeUrlOutput){
                    console.log(res.chargeUrlOutput);
                }
                if(!res.status){

                    //处理错误
                    alert(res.msg);
                }
                else{

                    //debug 模式下调用 charge_url 后会暂停，可以调用 pingpp_one.resume 方法继续执行
                    if(res.debug&&!res.wxSuccess){
                        if(confirm('当前为 debug 模式，是否继续支付？')){
                            pingpp_one.resume();
                        }
                    }
                    //若微信公众号渠道需要使用壹收款的支付成功页面，则在这里进行成功回调，
                    //调用 pingpp_one.success 方法，你也可以自己定义回调函数
                    //其他渠道的处理方法请见第 2 节
                    else pingpp_one.success(function(res){
                        if(!res.status){
                            alert(res.msg);
                        }
                    },function(){
                        //这里处理支付成功页面点击“继续购物”按钮触发的方法，
                        //例如：若你需要点击“继续购物”按钮跳转到你的购买页，
                        //则在该方法内写入 window.location.href = "你的购买页面 url"

                        window.location.href='http://ht.zryk365.com/zryk';//示例
                    });
                }
            });
        });
    });

</script>
</body>

</html>